<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>珍惜遇见</title>
    <!-- MDB icon -->


    <!-- Favicons -->
    <link rel="shortcut icon" href="assets/images/favicon.png">

    <!-- Vendor CSS (Icon Font) -->

    <link rel="stylesheet" href="assets/css/vendor/fontawesome.min.css">
    <link rel="stylesheet" href="assets/css/vendor/pe-icon-7-stroke.min.css">

    <!-- Plugins CSS (All Plugins Files) -->

    <link rel="stylesheet" href="assets/css/plugins/splitting.min.css">
    <link rel="stylesheet" href="assets/css/plugins/bootstrap.css">
    <link rel="stylesheet" href="assets/css/plugins/animate.min.css">
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css">
    <link rel="stylesheet" href="assets/css/plugins/nice-select.min.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/aos.min.css">
    <link rel="stylesheet" href="assets/css/plugins/odometer-theme-default.min.css">
    <!-- Main Style CSS -->
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../MYMDB/MDB-Pro-4.12/css/bootstrap.css">
    <!-- Material Design Bootstrap -->
    <link rel="stylesheet" href="../MYMDB/MDB-Pro-4.12/css/mdb.min.css">
    <!-- Your custom styles (optional) -->
    <link rel="stylesheet" href="../MYMDB/MDB-Pro-4.12/css/style.css">


</head>

<body>
    <!-- Header Section Start -->
    <div class="header section blue">

        <!-- Header Top Start -->
        <div class="header-top bg-secondary ">
            <div class="container ">
                <div class="row align-items-center  ">
                    <!-- Header Top Link/Search Start -->
                    <div class="col-lg-8 col-md-12">
                        <ul class="header-top-links">
                            <li><i class="fa fa-envelope-o"></i><a href="#"> 2219491180@qq.com</a></li>
                            <li><i class="fa fa-clock-o"></i> <span>Monday - Sunday 9.00 - 18.00</span> </li>
                        </ul>
                    </div>
                    <!-- Header Top Link/Search End -->
                    <!-- Header Top Action Bar Start -->
                    <div class="col-lg-4 col-md-12 text-md-right expert-text">
                        <p> Talk with Expert : <span> 17777968098</span> </p>
                    </div>
                    <!-- Header Top Action Bar End -->
                </div>
            </div>
        </div>
        <!-- Header Top End -->

        <!-- Header Bottom Start -->
        <div class="   section header-sticky yellow ">
            <div class=" container fixed-top">
                <div class="row align-items-center  ">
                    <!-- Header Logo Start -->
                    <div class="col-lg-3 col-6">
                        <div class="header-logo">

                        </div>
                    </div>
                    <!-- Header Logo End -->

                    <!-- Header Menu Start -->
                    <div class="col-lg-9 col-6">
                        <!-- Main Menu Start -->
                        <div class="main-menu d-none d-lg-flex ">
                            <ul>
                                <li>
                                    <a href="index.html">我的空间</a>
                                </li>
                                <li>
                                    <a href="project-grid.html">我的简历</a>
                                </li>
                                <li>
                                    <a href="../MYMDB/MDB-Pro-4.12/index1.html">我的追寻</a>
                                </li>
                                <li>
                                    <a href="service.html">了解我</a>
                                </li>
                                <li class="has-children">
                                    <a href="#">菜单</a>
                                    <ul class="sub-menu">
                                        <li><a href="about.html">H科技工作室</a></li>
                                        <li><a href="service.html">服务</a></li>
                                        <li><a href="contact.html">联系方式</a></li>
                                        <li><a href="project-details.html">待开发</a></li>
                                        <li><a href="faq.html">Faq</a></li>
                                        <li><a href="error-404.html">Error 404</a></li>
                                    </ul>
                                </li>

                                </li>
                                <li><a href="about.html">H科技工作室</a></li>
                                <li><a href="contact.html">联系我</a></li>
                            </ul>
                        </div>
                        <!-- Main Menu End -->

                        <!-- Main Menu Riht Side Start -->
                        <div class="main-menu-right-side d-flex d-lg-none">

                            <!-- Header Search Start -->
                            <div class="header-search mr-4">
                                <a class="header-search-icon" href="#"><i class="fa fa-search"></i></a>
                            </div>
                            <!-- Header Search End -->

                            <!-- Mobile Menu Bar Start -->
                            <div class="mobile-menu-bar-wrapper">
                                <a href="#" class="mobile-menu-bar"><i class="fa fa-bars"></i></a>
                            </div>
                            <!-- Mobile Menu Bar End -->

                        </div>
                        <!-- Main Menu Riht Side End -->

                    </div>
                    <!-- Header Menu End -->
                </div>
            </div>
        </div>
        <!-- Header Bottom End -->

        <!-- Mobile Menu Start -->
        <div class="mobile-menu-wrapper">
            <div class="body-overlay"></div>
            <!-- Mobile Menu Inner Start -->
            <div class="mobile-menu-inner">

                <!-- Button Close Start -->
                <div class="btn-close-bar">
                    <i class="pe-7s-close"></i>
                </div>
                <!-- Button Close End -->

                <!-- mobile menu start -->
                <div class="mobile-navigation">
                    <nav>
                        <ul class="mobile-menu">
                            <li class="has-children">
                                <a href="#">Home <i class="fa fa-angle-down"></i></a>
                                <ul class="dropdown">
                                    <li><a href="index.html">我的空间</a></li>
                                    <li><a href="index1.html">我的追寻</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">Project <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="project-grid.html">工作空间</a></li>
                                    <li><a href="project-details.html">我的执着</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">Pages <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="about.html">关于我</a></li>
                                    <li><a href="service.html">我的工作室</a></li>
                                    <li><a href="contact.html">联系我</a></li>
                                    <li><a href="faq.html">Faq</a></li>
                                    <li><a href="error-404.html">Error 404</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">未开放<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                                    <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                    <li><a href="blog-details.html">Blog Details</a></li>
                                    <li><a href="blog-details-sidebar.html">Blog Details Sidebar</a></li>
                                </ul>
                            </li>
                            <li><a href="about.html">About</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </nav>
                </div>
                <!-- mobile menu end -->

                <!-- Contact Links/Social Links Start -->
                <div class="mt-auto">
                    <!-- Contact Link Start -->
                    <ul class="contact-links">
                        <li><i class="fa fa-phone"></i><a href="#"> 17777968698</a></li>
                        <li><i class="fa fa-envelope-o"></i><a href="#"> 2219491180@qq。com</a></li>
                        <li><i class="fa fa-clock-o"></i> <span>Monday - Sunday 9.00 - 18.00</span> </li>
                    </ul>
                    <!-- Contact Link End -->

                    <!-- Social Widget Start -->
                    <div class="widget-social">
                        <a title="Facebook" href="#"><i class="fa fa-facebook-f"></i></a>
                        <a title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
                        <a title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a>
                        <a title="Youtube" href="#"><i class="fa fa-youtube"></i></a>
                        <a title="Vimeo" href="#"><i class="fa fa-vimeo"></i></a>
                    </div>
                    <!-- Social Widget End -->
                </div>
                <!-- Contact Links/Social Links End -->

            </div>
            <!-- Mobile Menu Inner End -->
        </div>
        <!-- Mobile Menu End -->

        <!-- Offcanvas Search Start -->
        <div class="offcanvas-search">
            <!-- Offcanvas Search Inner Start -->
            <div class="offcanvas-search-inner">
                <!-- Button Close Start -->
                <div class="btn-close-bar">
                    <i class="pe-7s-close"></i>
                </div>
                <!-- Button Close End -->

                <!-- Offcanvas Search Form Start -->
                <form class="offcanvas-search-form" action="#">
                    <input type="text" placeholder="Search Products...">
                </form>
                <!-- Offcanvas Search Form End -->

            </div>
            <!-- Offcanvas Search Inner End -->

        </div>
        <!-- Offcanvas Search End -->

    </div>
    <!-- Header Section End -->

    <!-- Breadcrumb Section Start -->
    <div class="section purple-gradient">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="cr-breadcrumb-area">
                        <ul class="breadcrumb-list">
                            <li><a href="https://blog.csdn.net/nsnsnbabsb/article/details/117933190">
                                <h1 class="title">查看实验报告</h1>
                            </a></li>
                        </ul>
                        <ul class="breadcrumb-list">
                            <li><a href="index.html">我的空间</a></li>
                            <li><span>实验报告</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Breadcrumb Section End -->


    <!--faq area start-->

    <div id="intro5" class="section bg-gray section-padding view " data-aos="fade-up" data-aos-delay="100">
        <!-- Faq Content Start  -->

        <div class="faq_content_area">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="faq_content_wrapper" data-aos="fade-up" data-aos-delay="300">
                            <h4 class=" white-text title">本次web的学习，让我学到了很多以下是成果展示</h4>
                            <div class="text-lg-center purple-text text-secondary">
                                <p class="title">课程感想<br />

                                    <br>在网页设计这门课程中，我最喜欢的就是它的“所见即所得”，虽然每一个细节都需要调很多次，但是真的让人很有成就感。
                                    通过学习这门课，学会了通过代码去看网页，有时候在浏览网站时也会下意识的查看源代码，也能学习到很多。
                                    在学习这门课的过程中，我了解了很多网页制作的知识，学会了三种布局和CSS样式表的应用，而最重要的是，我对网页设计这门课特别感兴趣，
                                    即使结课了我依旧会自己去学习，争取能够结合JAVA做出我自己的动态网站。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Faq Content End -->











    <!--Accordion area-->
    <div class="accordion_area purple-gradient ">
        <div class="container ">
            <div class="row">
                <div class="col-12 mb-5">
                    <div id="accordionExample" class="accordion mb-n4 mt-5 mb-5">

                        <div class="card_dipult accordion-item mb-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="card-header card_accor" id="headingOne">
                                <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseOne"
                                    aria-expanded="true" aria-controls="collapseOne">主页展示，主页主要采用了图片轮换的效果<i
                                        class="fa fa-plus"></i><i class="fa fa-minus"></i>
                                </button>
                            </div>
                            <div id="collapseOne" class="collapse accordion-collapse show" aria-labelledby="headingOne"
                                data-bs-parent="#accordionExample">
                                <div class="col cat-2 cat-3 mb-8">

                                    <div class="single-project" data-aos="fade-up" data-aos-delay="400">
                                        <div class="project-image">
                                            <a class="project-overlay" href="project-details.html">
                                                <img src="assets/images/fag/fag1.png" alt="Project Image">
                                            </a>
                                        </div>
                                        <div class="project-content">

                                            <div class="text-lg-center white-text">
                                                <p class="title">主页设计<br /><br />
                                                    本次课程，我以工作室环境来切入，我采用了多模块化的设计思路，主要包括了工作室环境等模块，我在设计中<br /><br />
                                                    加入了一些我认为实用的东西，比如加了了个简历浏览的页面。

                                                </p>
                                            </div>

                                            <a class="link" href="index.html">转到主页</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>





                        <div class="card_dipult accordion-item mb-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="card-header card_accor" id="headingTwo">
                                <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                    aria-expanded="true" aria-controls="collapseTwo">简历页展示<i class="fa fa-plus"></i><i
                                        class="fa fa-minus"></i>
                                </button>
                            </div>
                            <div id="collapseTwo" class="collapse accordion-collapse show" aria-labelledby="headingTwo"
                                data-bs-parent="#accordionExample">
                                <div class="col cat-2 cat-3 mb-8">

                                    <div class="single-project" data-aos="fade-up" data-aos-delay="400">
                                        <div class="project-image">
                                            <a class="project-overlay" href="project-details.html">
                                                <img src="assets/images/fag/fag2.png" alt="Project Image">
                                            </a>
                                        </div>
                                        <div class="project-content">

                                            <div class="text-lg-center white-text">
                                                <p class="title">简历页设计<br /><br />
                                                    本次课程，我向将作业与我们的生活结合起来，所以我就产生了这个想法，在这一页<br /><br />
                                                    我将我的简历的pdf文件po上来，方便以后求职的时候进行投递，本页面主要设计想法主要是方便快捷机明了。

                                                </p>
                                            </div>

                                            <a class="link" href="project-grid.html">转到简历页</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="card_dipult accordion-item mb-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="card-header card_accor" id="headingThree">
                                <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseThree"
                                    aria-expanded="true" aria-controls="collapseThree">我的追寻页展示<i
                                        class="fa fa-plus"></i><i class="fa fa-minus"></i>
                                </button>
                            </div>
                            <div id="collapseThree" class="collapse accordion-collapse show"
                                aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                <div class="col cat-2 cat-3 mb-8">

                                    <div class="single-project" data-aos="fade-up" data-aos-delay="400">
                                        <div class="project-image">
                                            <a class="project-overlay" href="project-details.html">
                                                <img src="assets/images/fag/fag3.png" alt="Project Image">
                                                <br />
                                                <img src="assets/images/fag/fag4.png" alt="Project Image">
                                            </a>
                                        </div>
                                        <div class="project-content">

                                            <div class="text-lg-center white-text">
                                                <p class="title">页面设计<br /><br />
                                                    本次课程，我想把我的一些想法具体得表达出来，这个部分我主要用了恋爱的几个过程来描写，其实也是我的一些经历，我在设计中<br /><br />
                                                    加入了包括快速导航等页面，主要还有视频播放等模块。

                                                </p>
                                            </div>

                                            <a class="link" href="../MYMDB/MDB-Pro-4.12/index1.html">转到我的追寻页</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>





                        <div class="card_dipult accordion-item mb-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="card-header card_accor" id="headingfour">
                                <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseFour"
                                    aria-expanded="true" aria-controls="collapseFour">我的世界页面<i class="fa fa-plus"></i><i
                                        class="fa fa-minus"></i>
                                </button>
                            </div>
                            <div id="collapseFour" class="collapse accordion-collapse show"
                                aria-labelledby="headingfour" data-bs-parent="#accordionExample">
                                <div class="col cat-2 cat-3 mb-8">

                                    <div class="single-project" data-aos="fade-up" data-aos-delay="400">
                                        <div class="project-image">
                                            <a class="project-overlay" href="project-details.html">
                                                <img src="assets/images/fag/fag5.png" alt="Project Image">
                                            </a>
                                        </div>
                                        <div class="project-content">

                                            <div class="text-lg-center white-text">
                                                <p class="title">我的世界页设计<br /><br />
                                                    这个页面其实是我们设计来思考的一个页面，在这一页我的主要设计思路是通过制造一个旋转的地球来带动我思考<br /><br />
                                                    所以我在这里用到了全屏视频背景。

                                                </p>
                                            </div>

                                            <a class="link" href="service.html">转到我的世界页</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>



                        <div class="card_dipult accordion-item mb-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="card-header card_accor" id="headingfive">
                                <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseFive"
                                    aria-expanded="true" aria-controls="collapseFive">H科技工作室页面<i
                                        class="fa fa-plus"></i><i class="fa fa-minus"></i>
                                </button>
                            </div>
                            <div id="collapseFive" class="collapse accordion-collapse show"
                                aria-labelledby="headingfive" data-bs-parent="#accordionExample">
                                <div class="col cat-2 cat-3 mb-8">

                                    <div class="single-project" data-aos="fade-up" data-aos-delay="400">
                                        <div class="project-image">
                                            <a class="project-overlay" href="project-details.html">
                                                <img src="assets/images/fag/fag6.png" alt="Project Image">
                                            </a>
                                        </div>
                                        <div class="project-content">

                                            <div class="text-lg-center white-text">
                                                <p class="title">H科技工作室页设计<br /><br />
                                                    这个页面其实是我用来说明工作室环境的一个页面比较简洁<br /><br />

                                                </p>
                                            </div>

                                            <a class="link" href="about.html">转到H科技工作室页</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>



                        <div class="card_dipult accordion-item mb-4" data-aos="fade-up" data-aos-delay="300">
                            <div class="card-header card_accor" id="headingseven">
                                <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseSeven"
                                    aria-expanded="true" aria-controls="collapseSeven">联系我页面<i class="fa fa-plus"></i><i
                                        class="fa fa-minus"></i>
                                </button>
                            </div>
                            <div id="collapseSeven" class="collapse accordion-collapse show"
                                aria-labelledby="headingseven" data-bs-parent="#accordionExample">
                                <div class="col cat-2 cat-3 mb-8">

                                    <div class="single-project" data-aos="fade-up" data-aos-delay="400">
                                        <div class="project-image">
                                            <a class="project-overlay" href="project-details.html">
                                                <img src="assets/images/fag/fag7.png" alt="Project Image">
                                            </a>
                                        </div>
                                        <div class="project-content">

                                            <div class="text-lg-center white-text">
                                                <p class="title">联系我页设计<br /><br />
                                                    这个页面其实是可以用来发邮件，这里我用到了QQ邮箱的vpi接口，可以将邮件发到我邮箱<br /><br />

                                                </p>
                                            </div>

                                            <a class="link" href="contact.html">转到联系我页页</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Accordion area end-->

    <div class="section  blue-gradient margin:100px" data-aos="fade-up" data-aos-delay="100">
        <div class="faq_content_area">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="faq_content_wrapper" data-aos="fade-up" data-aos-delay="300">

                            <div class="text-lg-center white-text mt-5">
                                <p class="title">心得体会<br />

                                    <br>
                                    Web这门]课程让我们对编写网页产生了浓厚的兴趣，每次上课看着老师给我们展示不同的功能<br />
                                    时，就觉得这是一门很神奇的学科。因为这是一门 ]实践性很强的学科，所以课后自己也会对照着老师<br />
                                    的PPT,试着完成不同的功能，每次做成了也非常有成就感。Web的前半部分，介绍HTML、CSS、<br />
                                    JavaScript的部分相对来说比较简单，后半部分关于web与数据库连接的内容有点困难，最开始做<br />
                                    的时候一直出错。直到后来在老师和同学的帮助下才慢慢解决问题。<br />
                                    于平时学习比较繁忙，时间比较少,对于网页设计软件的强大功能运用得还不够。在网页设计<br />
                                    过程中，于缺乏训练，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网<br />
                                    页制作过程中，想提高设计水平，想有个理想的网页，必须要勤奋练习，我将在以后的学习过程中不<br />
                                    断努力。<br />

                                    <br /><br />结语
                                    <br /><br />
                                    总体来说，这学期的Web学习有好的部分，也有不足的部分。但是至少自己已经入门，能够独立
                                    编写一些网页了。下学期还有这方面的课程,且还是要用Java语言编写的，对于我来说，难度更
                                    大，所以希望以后能够更加努力的学习,将这方面做得越来越好!

                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!--faq area End-->

    <footer class="section footer-section bg-secondary">
        <!-- Footer Top Start -->
        <div class="footer-top">
            <div class="container">
                <div class="row mb-n10">
                    <div class="col-12 col-sm-6 col-lg-3 col-xl-3 mb-10">
                        <div class="single-footer-widget">
                            <div class="footer-logo">
                                <a href="index.html">
                                    <img src="assets/images/logo/footer-logo.png" alt="Logo Image">
                                </a>
                            </div>
                            <p class="desc-content pt-5 pb-3">Lorem ipsum dolor sit amet, consect ascing elit, sed
                                do
                                eiusmod incididunt ut labore et dolore Many desktop</p>
                            <a class="read_more" href="#">Read More</a>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-lg-3 col-xl-3 mb-10">
                        <div class="single-footer-widget">
                            <h2 class="widget-title">Our Servcie</h2>
                            <ul class="widget-list pt-6">
                                <li><a href="service.html">Mobile App Development</a></li>
                                <li><a href="service.html">Ui/Ux Design</a></li>
                                <li><a href="service.html">Web Development</a></li>
                                <li><a href="service.html">Article Writting</a></li>
                                <li><a href="service.html">Content Management</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-lg-2 col-xl-3 mb-10">
                        <div class="single-footer-widget aos-init aos-animate">
                            <h2 class="widget-title">Quicklink</h2>
                            <ul class="widget-list pt-6">
                                <li><a href="index.html">Home</a></li>
                                <li><a href="about.html">About</a></li>
                                <li><a href="contact.html">Help Center</a></li>
                                <li><a href="contact.html">Conditin</a></li>
                                <li><a href="contact.html">Term Of Use</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-lg-4 col-xl-3 mb-10">
                        <div class="single-footer-widget">
                            <h2 class="widget-title">Get in Touch</h2>
                            <div class="widget-body pt-5">
                                <p class="desc-content mb-0">Enter your email and receive the latest news from us.
                                </p>

                                <!-- Newsletter Form Start -->
                                <div class="newsletter-form-wrap pt-4">
                                    <form id="mc-form" class="mc-form">
                                        <input type="email" id="mc-email" class="form-control email-box"
                                            placeholder="email@example.com" name="EMAIL">
                                        <button id="mc-submit" class="newsletter-btn" type="submit"><i
                                                class="fa fa-envelope"></i></button>
                                    </form>
                                    <!-- mailchimp-alerts Start -->
                                    <div class="mailchimp-alerts text-centre">
                                        <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                        <div class="mailchimp-success text-success"></div>
                                        <!-- mailchimp-success end -->
                                        <div class="mailchimp-error text-danger"></div><!-- mailchimp-error end -->
                                    </div>
                                    <!-- mailchimp-alerts end -->
                                </div>
                                <!-- Newsletter Form End -->

                                <!-- Soclial Link Start -->
                                <div class="widget-social justify-content-start mt-6">
                                    <a title="Facebook" href="#"><i class="fa fa-facebook-f"></i></a>
                                    <a title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
                                    <a title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a>
                                    <a title="Youtube" href="#"><i class="fa fa-youtube"></i></a>
                                    <a title="Vimeo" href="#"><i class="fa fa-vimeo"></i></a>
                                </div>
                                <!-- Social Link End -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Top End -->

        <!-- Footer Bottom Start -->
        <div class="container">
            <div class="row align-items-center footer-bottom">
                <div class="col-12 text-center">
                    <div class="copyright-content">
                        <p class="mb-0">Copyright © 2020 <a href="https://zozotheme.com/">ZOZO Themes.</a> All
                            Rights
                            Reserved.</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Bottom End -->
    </footer>

    <!-- Scroll Top Start -->
    <a href="#" class="scroll-top" id="scroll-top">
        <i class="arrow-top fa fa-arrow-up"></i>
        <i class="arrow-bottom fa fa-arrow-up"></i>
    </a>
    <!-- Scroll Top End -->

    <!-- Vendors JS -->


    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
    <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>


    <!-- Plugins JS -->


    <script src="assets/js/plugins/splitting.min.js"></script>
    <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/aos.min.js"></script>
    <script src="assets/js/plugins/nice-select.min.js"></script>
    <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script>
    <script src="assets/js/plugins/jquery-ui.min.js"></script>
    <script src="assets/js/plugins/masonry.min.js"></script>
    <script src="assets/js/plugins/odometer.min.js"></script>

    <!--Main JS-->
    <script src="assets/js/main.js"></script>
</body>

</html>